<div class="tab f14 mt15 clearfix">
    <ul>
        <li class="{{item.type === category.type ? 'tab-on' : 'tab'}}" ng-repeat="item in categories">
            <a href="javascript:;" ng-click="switchCate($index)">{{item.name}}</a>
        </li>
    </ul>
    <div class="btn-group">
        <a href="javascript:;" class="btn"
            ui-dialog="创建团队成员"
            ui-dialog-cache="false"
            ui-dialog-before-show="teamUsersImporter.onDialogShow($dialog,$dialogScope)"
            ui-dialog-ok="teamUsersImporter.save($dialog,$dialogScope)"
            ui-dialog-url="team/dialog/create.html">创建团队成员</a>
    </div>
    <div class="tab-bottom-line"></div>
</div>
<div class="grid-header mt20" style="position: relative; margin-bottom: 10px;">
    <span class="fl f14 lh30 text-indent">列表信息</span>
    <div class="fr btn-group clearfix">
        <a href="javascript:;" class="btn"
            ui-dialog="新增成员"
            ui-dialog-cache="false"
            ui-dialog-init="userSelector.init($dialog,$dialogScope)"
            ui-dialog-ok="userSelector.save($dialog,$dialogScope)"
            ui-dialog-url="team/dialog/add.html">新增</a>
        <a href="javascript:;" class="btn btn-yellow"
            ng-cloak
            ng-show="category.checker.selected"
            ui-confirm 
            ui-confirm-title="删除" 
            ui-confirm-ok="deleteUsers(user)"
            ui-confirm-message="确定删除所选成员？">批量删除</a>
    </div>
    <div class="tab-bottom-line"></div>
</div>
<div id="grid" class="sheet mt10 ng-scope" ng-repeat="item in categories" ng-show="item.type === category.type">
    <table width="100%">
        <thead>
            <tr class="thead ta-l">
                <th height="34" width="50">
                    <label class="">
                        <input type="checkbox" ui-checkbox="序号" ng-change="category.checker.checkAll()" ng-model="category.checker.all">
                    </label>
                </th>
                <th style="text-align: center">团队</th>
                <th style="text-align: center">姓名</th>
                <th style="text-align: center">电话</th>
                <th style="text-align: center">操作</th>
            </tr>
        </thead>
        <tbody ng-show="category.userList && category.userList.length">
            <tr ng-repeat="user in category.userList">
                <td height="40" style="text-align: left">
                    <label class="">
                        <input type="checkbox" ui-checkbox="{{category.pager.pageSize * ((category.pager.pageIndex || 1) - 1) + $index + 1}}" ng-change="category.checker.check()" ng-model="user.checked">
                    </label>
                </td>
                <td>{{user.team_name}}</td>
                <td>{{user.user_name}}</td>
                <td>{{user.mobile_tel}}</td>
                <td>
                    <a href="javascript:;" title="编辑" class="mr5 c-orange"
                        ui-dialog="编辑成员"
                        ui-dialog-data="user"
                        ui-dialog-cache="false"
                        ui-dialog-ok="updateUser($data,$dialog)"
                        ui-dialog-url="team/dialog/edit.html">编辑</a>
                    <a href="javascript:;" title="删除" class="mr5 c-orange"
                        ui-confirm 
                        ui-confirm-title="删除" 
                        ui-confirm-ok="deleteUser(user)"
                        ui-confirm-message="确定删除该成员？">删除</a>              
                </td>
            </tr>
        </tbody>
    </table>
    <div class="no-data border" ng-cloak ng-show="!category.userList || !category.userList.length" style="border-top: none;"><span>暂无数据</span></div>
</div>
<div ui-pagination
    page-index="category.pager.pageIndex" 
    page-size="category.pager.pageSize" 
    total="category.pager.total"
    changed="category.pager.changed($pageIndex)" ng-show="category.userList && category.userList.length"></div>